<template>
  <div class="gift-order-page">
    <a-card>
      <a-form layout="inline">
        <a-form-item label="礼品卡">
          <a-input-search placeholder="请宿儒礼品卡ID或名称搜索" style="width: 350px" />
        </a-form-item>
        <a-form-item>
          <a-input-group compact>
            <a-select>
              <a-select-option value="">用户ID</a-select-option>
              <a-select-option value="">用户昵称</a-select-option>
            </a-select>
            <a-input-search placeholder="请输入搜索内容" style="width: 350px" />
          </a-input-group>
        </a-form-item>
        <a-form-item label="所属平台">
          <a-select>
            <a-select-option value="">全部</a-select-option>
            <a-select-option value="">微信小程序</a-select-option>
            <a-select-option value="">支付宝小程序</a-select-option>
            <a-select-option value="">抖音</a-select-option>
            <a-select-option value="">百度小程序</a-select-option>
          </a-select>
        </a-form-item>
      </a-form>

      <a-table :columns="columns" :data-source="data"></a-table>
    </a-card>
  </div>
</template>
<script>
export default {
  data() {
    return {
      columns: [
        {
          title: '订单号',
          dataIndex: '',
          key: '',
        },
        {
          title: '用户ID',
          dataIndex: '',
          key: '',
        },
        {
          title: '下单用户',
          dataIndex: '',
          key: '',
        },
        {
          title: '礼品名称',
          dataIndex: '',
          key: '',
        },
        {
          title: '兑换码库',
          dataIndex: '',
          key: '',
        },
        {
          title: '兑换码',
          dataIndex: '',
          key: '',
        },
        {
          title: '购买时间',
          dataIndex: '',
          key: '',
        },
        {
          title: '状态',
          dataIndex: '',
          key: '',
        },
      ],
    }
  },
}
</script>
